@mixin lineClamp($lines) {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: $lines;
 -webkit-box-orient: vertical;
}

.cascade-card-container {
 display: flex;
 justify-content: space-between;
 padding: 0 14px;
}

.cascade-card-column {
 display: flex;
 flex-direction: column;
 width: 48%;
 /* 调整列宽度 */
}

.cascade-card-item {
 margin-bottom: 10px;
 width: 100%;
 font-size: 17px;
 font-weight: 500;
 color: #1e2432;
}

.cascade-card-item-img {
 // width: 100%;
 // height: auto;
 border-radius: 8px;
}

.cascade-card-item-title {
 @include lineClamp(2);
 /* 标题最多显示两行 */
 margin-top: 6px;
 /* 标题与图片之间的间距 */
}

.cascade-card-item-subtitle {
 font-size: 15px;
 /* 副标题字号调整 */
 font-weight: 300;
 color: #c2c4ca;
 @include lineClamp(1);
 /* 副标题最多显示一行 */
}